<div>
  <nz-modal [(nzVisible)]="isSpinning"
            nzTitle="上传文件{{currentObj.index}}/{{currentObj.length}}"
            (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()"
            nzOkText="关闭" nzCancelText="后台上传">
    <ng-container *ngFor="let upload of uploadInfos.reverse()">
      <ng-container *ngIf="upload.cancel">
        <div>
          <span class="fileName">{{upload.file.name}}</span>
          <div class="second-pass" *ngIf="upload.secondPass">
            <i nz-icon nzType="check-circle" nzTheme="outline" class="icon"></i>
            <span>秒传</span>
          </div>
          <i *ngIf="!upload.stop&&upload.file.size>renewalSize" class="suspend" nz-icon nzType="pause-circle"
             nzTheme="outline" (click)="suspend(upload)"></i>
          <i *ngIf="upload.stop&&upload.file.size>renewalSize" class="suspend" nz-icon nzType="play-circle"
             nzTheme="outline"
             (click)="suspend(upload)"></i>
          <i class="cancel" (click)="cancel(upload)" nz-icon nzType="close-circle" nzTheme="outline"></i>
          <a class="retry" *ngIf="upload.fail" (click)="retry(upload)">重试</a>
        </div>
        <div class="load" *ngIf="upload.isLoad">
          <nz-spin class="spin" nzSimple [nzSize]="'small'"></nz-spin>
          <span class="text">文件读取中...</span>
          <span class="progress">{{upload.progress}}%</span>
        </div>
        <div *ngIf="upload.isUpload">
          <nz-progress [nzPercent]="upload.progress" [nzStatus]="upload.status"></nz-progress>
        </div>
      </ng-container>
    </ng-container>
  </nz-modal>
</div>
